/* Start Specific Main Listing Layout Styles */

#DefaultProductListing-FilterPanel {
        width:100%;
        margin:0 auto;
        display:grid;
        /* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
		grid-template-columns: repeat(2,1fr);
		/* Gap in between products */
		grid-column-gap: 0px;
        float:left;
padding-left:0%;
padding-right:0%;
border-top: 1px solid #f0f2f8;
border-bottom: 1px solid #f0f2f8;
padding: 5px 0px 5px 0px;
margin-bottom: 20px;
}

#DefaultProductListing-FilterContainer {
grid-column-start: 2;
}

#DefaultProductListing-HeadingContainer {
grid-row-start: 1;
grid-column-start: 1;
font-size: 18px;
padding-top: 16px;
}

.DefaultProductListing-SoldText
{
width:100%;
color:red;
text-align:center;
}

.RepeatForm {
float: none !important;
border: none;
padding: 0px !important;
}

/* End Specific Main Listing Layout Styles */

/* Start Quick Update Styles */

#DefaultProductListing-TitleContainer {
	width:100%;
	border-bottom:solid 1px #fff;
	margin:auto;
	margin-bottom:10px;
	padding: 10px 0px 10px 0px
        clear:left;	
}

.DefaultProductListing-Heading {
		font-family:Montserrat, sans-serif;
		color:#15151d;
		font-size:42px;
		font-weight:600;
		text-decoration:none;
		position:relative;
}
	
/* Grid container */
#DefaultProductListing-Container {
        width:100%;
        margin:0 auto;
        display:grid;
        /* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
	grid-template-columns: repeat(4,1fr);
	/* Gap in between products */
	grid-column-gap: 20px;
        float:left;
        padding-left:0%;
        padding-right:0%;
}

/* Product items */
div.DefaultProductListing-InnerContainer {
        box-sizing: border-box;
        padding: 10px;
	background-color: #fff;
	border:solid 1px #fff;
	position: relative;
	margin-bottom: 10px;
grid-auto-rows: 1fr;
}
	  
div.DefaultProductListing-ProductImageContainer {
    	margin-bottom: 0.5rem;
    	text-align: center;
    position: relative;
    padding-bottom: 100%;
}
	  
img.DefaultProductListing-ProductImage {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    width: auto;
}
	  
div.DefaultProductListing-ProductName {
		font-family:Poppins, sans-serif;
		font-weight: 400;
		color:#15151d;
        font-size: 16px;
		text-decoration:none;
		margin-bottom: 0.5rem;
}
	  
div.DefaultProductListing-ProductName:hover {
		color:#229add;
		text-decoration:none;
}
	  
div.DefaultProductListing-ProductShortDesc {
		font-family:Poppins, sans-serif;
		font-weight:400;
		color:#5b5b60; 
		font-size: 0.9em;
		text-decoration:none;
		margin-bottom: 0.5rem;
display: none;
}
	  
.DefaultProductListing-RRPPrice {
		font-family:Hind, sans-serif;
		font-weight:400;
		color:#707070;
		font-size: 16px;
		letter-spacing:-0.5px;
		margin-bottom: 0.5rem;
}

.DefaultProductListing-RRPPriceLineThrough {
		text-decoration: line-through;
}
	  
div.DefaultProductListing-ProductPrice {
        font-family:Hind, sans-serif;
		font-weight:600;
		font-size: 18px;
		color:#15151d;  
		text-decoration:none;
		margin-bottom: 0.5rem;
}
	  
div.DefaultProductListing-TaxPrice {
		font-family:Hind, sans-serif;
		font-weight:400;
		color:#707070;  
		font-size: 12px;
		text-decoration:none;
		margin-bottom: 0.5rem;
}
	  
.Quant {
		font-family:Poppins, sans-serif;
		font-size: 1em;
		font-weight: 400;
		color: #333;
		text-align: center;
		width: 60%;
		border: solid 1px #e2e2e2;
background: #fff;
padding: 9px;
border-radius: 30px;
}
	 
.DefaultProductListing-AddToBasket {
	  	font-family:Hind, sans-serif;
        background: #229add;
        color: #fff;
font-weight:400;
        border: none;
        width: 95%;
        padding: 10px;
        font-size: 16px;
        cursor: pointer;
		float:right;
border-radius: 30px;
-moz-appearance: none;
-webkit-appearance: none;
}
	  
.DefaultProductListing-AddToBasket:hover {
        background: #229add;
        color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
}
	  
.DefaultProductListing-SelectOptions {
	  	font-family:Hind, sans-serif;
        background: #229add;
        color: #fff;
font-weight:400;
        font-size: 16px;
text-align: center;
        cursor: pointer;
        border: none;
		padding:10px 0% 10px 0%;
		float:left;
		width:100%;
border-radius: 30px;
-moz-appearance: none;
-webkit-appearance: none;
}

.DefaultProductListing-SelectOptions:hover {
        background: #229add;
        color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
}
	  
.DefaultProductListing-AddToBasketContainer {
min-height:45px;
width: 100%;
}

/* Responsive */
@media only screen and (max-width: 1440px) {
#DefaultProductListing-Container { 
	grid-template-columns: repeat(4, 1fr);
}
#DefaultProductListing-FilterPanel {
        width:95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
}

@media only screen and (max-width: 850px) {
#DefaultProductListing-Container {
	width:95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	grid-column-gap: 10px;
}
}

@media only screen and (max-width: 695px) { 
#DefaultProductListing-Container {
	grid-template-columns: repeat(2, 1fr);
}
}

@media only screen and (max-width: 550px) {
#DefaultProductListing-FilterContainer {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
margin: auto;
margin-top: 10px;
padding: 5px 0px 16px 0px;
}

#DefaultProductListing-HeadingContainer {
grid-column-start: 1;
grid-column-end: 3;
text-align: center;
}
}
